import Vue from 'vue'
import VueRouter from 'vue-router'
import login from '@/components/login.vue'
import home from '@/components/home.vue'
import input from '@/components/input.vue'
Vue.use(VueRouter)

const routes = [
  {
    path:'/',
    redirect: '/login',
  },
  {
    path:'/login',
    component:login
  },
  {
    path:'/home',
    component:home
  },
  {
    path:'/input',
    component:input
  }

]

const router = new VueRouter({
  routes
})
//路由导航守卫控制访问权限
// 如果用户没有登录，直接通过URL访问特定页面，会返回到登录页面
router.beforeEach((to,from,next) =>{
  //to表示将要访问的页面   from表示从哪个页面来的，  next表示放行
  //如果用户访问登录页则直接放行
  if(to.path === '/login') return next();
  //如果访问其他页面，首先看有没有token值,没有token值返回登录页
  let tokenStr = window.sessionStorage.getItem('token');
  if(!tokenStr)return next('/login')
  next();
})




// router.beforeEach((to,from,next)=>{
//   if(to.path === '/login')return next();
//   var tokenStr = window.sessionStorage.getItem('token');
//   if(!tokenStr)return next('/login');
//   next();
// })
export default router
